import {reactive,onMounted} from 'vue';
import axios from 'axios'
export default function(){
    //数据
    let dogList = reactive([
        'https://images.dog.ceo/breeds/pembroke/n02113023_1257.jpg'
    ])
    //方法
    async function getDog(){
        try {
            let result = await axios.get('https://dog.ceo/api/breed/pembroke/images/random')  //获得网站返回的信息
            dogList.push(result.data.message) 
        } catch (error) {
            alert(error)
        }
    }
    //钩子
    onMounted(()=>{
        getDog()
    })
    //向外部提供东西
    return {dogList,getDog}
}